import styled from "styled-components";

export const AskPopularWrapper = styled.div`
  border-top: 15px solid rgb(243, 244, 245);
  padding: 20px;
  .title {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 15px;
  }
  .popular-list {
    .p-list-item {
        margin-bottom: 10px;
      .content {
        color: #595959;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }

      .like{
        display: flex;
        font-size: 12px;
        color: #8c8c8c;
        .love{
          margin-right: 10px;
        }
      }
    }
  }
`;
